import axios from "axios";
// import store from "@/store";

// 重点记住，因为vuex已经把store注入到了vue实例中去了，所以所有的vue文件都可以直接使用this.$store，而js文件就只能先引入后使用store

// axios.defaults.baseURL = "";
//配置网络请求的基地址
const request = axios.create({
  baseURL: "http://api.imooc.hybrid.lgdsunday.club",
});
// // 添加请求拦截器
// //use(请求之前调用的，请求失败调用的)
// request.interceptors.request.use(
//   function (config) {
//     //config(对象):包含了当前请求的配置信息
//     //我们可以在当前的配置信息内，添加headers参数
//     if (store.state.token) {
//       config.headers.Authorization = `Bearer ${store.state.token}`;
//     }
//     // console.log(config);
//     // 在发送请求之前做些什么
//     //config 最后要return一下，如果没有return ，则本次请求就卡住了，到不了服务端
//     return config;
//   },
//   function (error) {
//     // 对请求错误做些什么
//     return Promise.reject(error);
//   }
// );
//向外导出axios实例
export default request;

// 那么这个时候就有人问了，有的接口是不需要请求头的，但是我们现在又给请求配置上了请求头，我们发送请求的时候会报错吗？
// 答案是不会报错的，后台不会这么无聊的去验证，你给请求多配置了一个请求头，就让你不请求成功。
// 所以，我们可以这么记忆，只要有一个接口请求需要配置请求头，那么我们就在疯涨axios的时候就给配置上，这样是绝对不会错的。
